/*
	@author:Shengzhi Cheung @mail:shengzhizhang@gmail.com
	@description:The main styles for the website. @date:2012-02-05
*/
/* Sprites */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/_mysprites\.scss}line{font-family:\000032}}
.x-bg, .top-bar, .nav .active a, .headline, .quote, .brands, .breadcrumbs { background-image: url("bgimg/x_bg.png"); background-repeat: repeat-x; background-position: 0 0; }

@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/_mysprites\.scss}line{font-family:\000035}}
.ico-bg, .search-focus .btn-search { background-image: url("bgimg/ico_bg.png"); background-repeat: no-repeat; background-position: 0 0; }

@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/_mysprites\.scss}line{font-family:\000038}}
.ico-flag, .ico-chn, .ico-eng { background-image: url("bgimg/ico_flag.png"); background-repeat: no-repeat; background-position: 0 0; }

@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/_mysprites\.scss}line{font-family:\0000311}}
.lang-bg, .lang-switch, .lang-switch ul { background-image: url("bgimg/lang_bg.png"); background-repeat: no-repeat; background-position: 0 0; }

@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/_mysprites\.scss}line{font-family:\0000314}}
.bottom-bg, .categories, .filter { background-image: url("bgimg/bottom_bg.png"); background-repeat: repeat-x; background-position: left bottom; }

/* Icons */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\0000315}}
.ico-chn { background-position: -8px -29px; }

@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\0000319}}
.ico-eng { background-position: -8px 2px; }

/* Buttons */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\0000325}}
.btn-get-quote { display: inline-block; padding: 4px 20px; margin: 8px 20px; border: 1px solid #4998B8; border-color: #6DC2E4 #67BEE1 #4998B8; color: #fff; text-transform: uppercase; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-size: 18px; font-weight: bold; line-height: 26px; background-color: #5fbee5; background-image: -moz-linear-gradient(top, #94dcf1, #5fbee5); background-image: -ms-linear-gradient(top, #94dcf1, #5fbee5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#94dcf1), to(#5fbee5)); background-image: -webkit-linear-gradient(top, #94dcf1, #5fbee5); background-image: -o-linear-gradient(top, #94dcf1, #5fbee5); background-image: linear-gradient(top, #94dcf1, #5fbee5); background-repeat: repeat-x; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3); font-family: "Myriad Pro", Tahoma, Arial, Helvetica; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-text-shadow: 0 1px 1px #66abc3; -moz-text-shadow: 0 1px 1px #66abc3; text-shadow: 0 1px 1px #66abc3; *vertical-align: middle; _margin: 7px 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\0000341}}
.btn-get-quote:hover { background-color: #7ed0ec; background-image: -moz-linear-gradient(top, #7bceeb, #7ed0ec); background-image: -ms-linear-gradient(top, #7bceeb, #7ed0ec); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7bceeb), to(#7ed0ec)); background-image: -webkit-linear-gradient(top, #7bceeb, #7ed0ec); background-image: -o-linear-gradient(top, #7bceeb, #7ed0ec); background-image: linear-gradient(top, #7bceeb, #7ed0ec); background-repeat: repeat-x; text-decoration: none; color: #fff; }

@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\0000349}}
.box, .mod, .brands { background-color: #fff; border-width: 1px; border-style: solid; border-color: #ECECEC #DFDFDF #CDCDCD; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); }

/*Layout*/
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\0000354}}
.column2 { border-top-color: #fff; }

/* Header */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\0000359}}
#header { position: relative; height: 36px; padding: 20px 0; *zoom: 1; }

/* Language switch */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\0000367}}
.lang-switch { position: absolute; right: 15px; top: 3px; height: 17px; background-position: right top; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\0000374}}
.lang-switch ul { width: 112px; height: 17px; padding-left: 20px; margin: 0 30px 0 0; list-style: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\0000382}}
.lang-switch li { float: right; margin-left: 10px; _display: inline; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\0000386}}
.lang-switch li a { padding-left: 20px; font-size: 11px; color: #333333; -webkit-text-size-adjust: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\0000391}}
.lang-switch li a:hover { color: black; }

/* Top bar */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\0000399}}
.top-bar { height: 36px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25); }

/* Logo */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003107}}
.logo { float: left; width: 150px; margin: 0; background: url(bgimg/logo_bg.png) no-repeat center top; font-size: 100%; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003113}}
.logo a { margin-left: 25px; color: black; font: bold 18px/36px "Myriad Pro", Tahoma, Arial, Helvetica; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003118}}
.logo a:hover { color: black; text-decoration: none; }

/* Navigation */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003126}}
.nav { float: left; padding-left: 2px; background: url(bgimg/nav_split.png) no-repeat left top; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003130}}
.nav ul { list-style: none; margin: 0; padding: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003135}}
.nav li { float: left; line-height: 36px; background: url(bgimg/nav_split.png) no-repeat right top; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003139}}
.nav li a { float: left; position: relative; height: 36px; padding: 0 22px; margin: 0 2px 0 -1px; font-size: 14px; color: #1e1e1e; -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003148}}
.nav li a:hover { text-decoration: none; color: #fff; -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003156}}
.nav .active a { text-decoration: none; color: #fff; -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); background-position: 0 -56px; }

/* Search box */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003167}}
.search-box, .search-focus { float: right; position: relative; width: 180px; height: 22px; margin: 6px 10px 0 0; background: #f8f8f8; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.15); _display: inline; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003177}}
.search-box .btn-search, .search-focus .btn-search { position: absolute; left: 5px; top: 3px; width: 16px; height: 16px; background-position: -10px 2px; overflow: hidden; text-indent: -9999px; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003187}}
.search-box input, .search-focus input { width: 145px; padding: 2px 0 0 0; margin: 0 10px 0 25px; border: 0; outline: 0; background: transparent; vertical-align: middle; color: #999999; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }

@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003200}}
.search-focus { background: #fff; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003203}}
.search-focus input { color: #000; font-size: 13px; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003207}}
.search-focus .btn-search { background-position: -10px -30px; }

/* Container */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003215}}
#container { position: relative; }

/* Slider */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003222}}
.slider { position: relative; _zoom: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003225}}
.slider .slides_container { width: 960px; height: 496px; overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003229}}
.slider .slides_container img { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003234}}
.slider .slider-tabs { position: absolute; right: 20px; bottom: -28px; list-style: none; margin: 0; padding: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003241}}
.slider .slider-tabs li { float: left; width: 14px; height: 14px; margin-left: 10px; _display: inline; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003247}}
.slider .slider-tabs li a { display: block; height: 14px; border-top: 1px solid #A3A3A3; overflow: hidden; text-indent: -9999px; background-color: #D6D6D6; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003258}}
.slider .slider-tabs .active a { background-color: #65CAEA; border-color: #2A6F87; }

/* Headline */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003267}}
.headline { height: 38px; background-position: 0 -112px; border-top: 1px solid #fff; font-family: Tahoma, Arial, Helvetica; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003273}}
.headline h3 { float: left; width: 150px; margin: 0; padding: 10px 0 0 20px; font-size: 12px; font-weight: bold; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003281}}
.headline .list { margin: 10px 0 0 170px; height: 18px; overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003285}}
.headline .list ul { list-style: none; margin: 0; padding: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003290}}
.headline .list a { color: #555555; }

/* Quote */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003297}}
.quote { height: 50px; padding: 0 20px; background-color: #fff; background-position: 0 -170px; font-size: 20px; line-height: 50px; color: #999999; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; overflow: hidden; clear: both; }

/* Series */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003312}}
.series { margin-top: 15px; *zoom: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003315}}
.series .box, .series .mod, .series .brands { float: left; width: 312px; margin-right: 10px; _display: inline; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003321}}
.series .last { margin: 0; }

/* Mod */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003329}}
.mod .hd { height: 52px; background: url(bgimg/tit_bg.png) no-repeat; text-align: center; line-height: 52px; color: #333; -webkit-text-shadow: 0 1px 0 white; -moz-text-shadow: 0 1px 0 white; text-shadow: 0 1px 0 white; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003337}}
.mod .hd h2 { margin: 0; font-size: 20px; font-weight: normal; line-height: 52px; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003342}}
.mod .bd { height: 160px; }

/* Footer */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003348}}
#footer { margin-top: 15px; padding-bottom: 20px; text-align: center; }

@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003354}}
.brands { height: 53px; background-position: 0 -240px; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003359}}
.brands a { float: left; margin: 7px 20px 0; _display: inline; }

/* Foot links */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003367}}
.foot-contact, .foot-links { margin: 10px 0; }

@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003370}}
.foot-links a { color: #333333; margin: 0 10px; }

/* Copyright */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003376}}
.copyright { padding-top: 15px; background: url(bgimg/split.png) no-repeat center top; color: #999999; -webkit-text-shadow: 0 1px 0 white; -moz-text-shadow: 0 1px 0 white; text-shadow: 0 1px 0 white; }

/* Categories */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003387}}
.categories { padding: 10px 20px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; font-size: 14px; color: #333333; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003393}}
.categories span { float: left; font-weight: bold; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003397}}
.categories a { float: left; padding: 1px 10px 0; margin: 0 5px; white-space: nowrap; color: #555555; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003404}}
.categories .active { border-top: 1px solid #629A39; padding-top: 0; color: #fff; background-color: #6eac40; background-image: -moz-linear-gradient(top, #8bda61, #6eac40); background-image: -ms-linear-gradient(top, #8bda61, #6eac40); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8bda61), to(#6eac40)); background-image: -webkit-linear-gradient(top, #8bda61, #6eac40); background-image: -o-linear-gradient(top, #8bda61, #6eac40); background-image: linear-gradient(top, #8bda61, #6eac40); background-repeat: repeat-x; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-text-shadow: 0 1px 0 #2e891c; -moz-text-shadow: 0 1px 0 #2e891c; text-shadow: 0 1px 0 #2e891c; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003411}}
.categories .active:hover { color: #fff; text-decoration: none; }

/* Filter */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003419}}
.filter { padding: 10px 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003422}}
.filter select { padding: 3px; }

/* Prodcut List */
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003428}}
.product-list { position: relative; margin: 0 0 20px 0; padding-left: 18px; background: url(bgimg/top_bg.png) repeat-x; border-top: 1px solid #fff; *zoom: 1; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/_mixins\.scss}line{font-family:\0000314}}
.product-list:before, .product-list:after { display: table; content: ""; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/_mixins\.scss}line{font-family:\0000318}}
.product-list:after { clear: both; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003435}}
.product-list .item { position: relative; float: left; width: 450px; margin: 20px 18px 0 0; background: #F7F7F7; border: 1px solid #ddd; _display: inline; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003443}}
.product-list .item .pic { width: 450px; height: 300px; overflow: hidden; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003447}}
.product-list .item .pic a { position: relative; display: block; height: 300px; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003452}}
.product-list .item .pic a:hover img { opacity: 0.6; filter: alpha(opacity=60); -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003456}}
.product-list .item .pic a:hover .details { opacity: 0.6; filter: alpha(opacity=60); -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003461}}
.product-list .item .pic a .details { position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; background: black; opacity: 0; filter: alpha(opacity=0); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003472}}
.product-list .item .pic a .details i { position: absolute; left: 12px; top: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003479}}
.product-list .item .pic img { width: 450px; height: 300px; display: block; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003485}}
.product-list .item .info { background-color: #eeeeee; background-image: -moz-linear-gradient(top, white, #eeeeee); background-image: -ms-linear-gradient(top, white, #eeeeee); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#eeeeee)); background-image: -webkit-linear-gradient(top, white, #eeeeee); background-image: -o-linear-gradient(top, white, #eeeeee); background-image: linear-gradient(top, #ffffff, #eeeeee); background-repeat: repeat-x; border-bottom: 1px solid #fff; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003488}}
.product-list .item .info h2 { height: 36px; line-height: 36px; padding-left: 20px; margin: 0; font-size: 16px; font-weight: normal; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003495}}
.product-list .item .info h2 em { font-style: normal; color: #333333; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003500}}
.product-list .item .info p { float: right; margin: 0; padding-right: 20px; font-size: 14px; line-height: 36px; color: #999; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003508}}
.product-list .item .info .btn { position: absolute; right: 20px; bottom: 20px; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003515}}
.product-list .item .size { position: absolute; right: -1px; top: -1px; height: 45px; line-height: 45px; padding: 0 10px; color: white; font-size: 30px; font-weight: bold; background: #555555; opacity: 0.5; filter: alpha(opacity=50); -webkit-border-radius: 0 0 0 10px; -moz-border-radius: 0 0 0 10px; border-radius: 0 0 0 10px; -webkit-text-shadow: 0 2px 0 black; -moz-text-shadow: 0 2px 0 black; text-shadow: 0 2px 0 black; }

@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003533}}
.loading { display: none; position: absolute; left: 50%; top: 30%; width: 32px; height: 32px; margin: -16px 0 0 -16px; background: url(img/loading.gif) no-repeat; }

@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003543}}
.list-view-loading { background: none; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003545}}
.list-view-loading .loading { display: inline; }

@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003549}}
.tips-empty { display: block; margin: 156px 0 157px; text-align: center; font-size: 36px; line-height: 45px; color: #ddd; }

/*Product Details*/
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003559}}
.breadcrumbs { background-position: 0 -170px; }

@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003563}}
.product-details { margin: 0 30px; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003565}}
.product-details h1 { margin: 10px 0 30px; color: #049cdb; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003568}}
.product-details h1 em { font-style: normal; color: #333333; }

@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003576}}
.rand-products ul { list-style: none; margin: 0; padding: 0; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003581}}
.rand-products li { padding: 20px; border-bottom: 1px solid #E2E2E2; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003584}}
.rand-products li h3 { font-size: 14px; font-weight: normal; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003587}}
.rand-products li h3 em { font-style: normal; color: #333333; }
@media -sass-debug-info{filename{font-family:file\:\/\/D\:\/xampp\/htdocs\/oocms\/css\/default\/sass\/docs\.scss}line{font-family:\00003592}}
.rand-products li p { margin-bottom: 0; }
